<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <f:view>

        <h:head>
            <meta http-equiv="Content-Type" 
                  content="text/html; charset=UTF-8" />
            <h:outputStylesheet library="css" 
                                name="default.css" />
            <h:outputStylesheet library="css" 
                                name="cssLayout.css" />
        </h:head>

        <h:body style="background: #AFAFAF">

            <div id="top" 
                 class="top" 
                 align="right">

                <p:idleMonitor timeout="10000"   
                               onidle="idleDialog.show();" 
                               onactive="idleDialog.hide();"/>  

                <p:dialog header="#{bundle.que_esta_pasando_pregunta}" 
                          resizable="false"  
                          widgetVar="idleDialog" 
                          modal="true" 
                          width="400">  
                    <h:outputText value="#{bundle.estas_hay_pregunta}" />  
                </p:dialog>
                
                <h1>#{bundle.gestionar_parametrizacion_aplicacion}</h1>

                <p:ajaxStatus>

                    <f:facet name="prestart">


                        <h:outputText value="#{bundle.empreszando}" />

                    </f:facet>
                    <f:facet name="error">

                        <h:outputText value="#{bundle.error}" 
                                      style="color: red" />
                    </f:facet>
                    <f:facet name="success">

                        <h:outputText value="#{bundle.terminado}" 
                                      style="color: green" />
                    </f:facet>
                    <f:facet name="default">

                        <h:outputText value="#{bundle.disponible}" 
                                      style="color: blue" />
                    </f:facet>
                    <f:facet name="start">

                        <h:outputText value="#{bundle.espera}"  
                                      style="color: darkgreen"/>
                    </f:facet>

                    <f:facet name="complete">
                        <h:outputText value="#{bundle.hecho}" 
                                      style="color: navy"/>
                    </f:facet>
                </p:ajaxStatus>
            </div>
            <div>
                <div id="left">
                    <h:form>
                        <p:menu type="sliding" 
                                maxHeight="300" 
                                backLabel="#{bundle.atras}">
                            <p:submenu label="#{bundle.gestionar}" 
                                       icon="ui-icon ui-icon-person">
                                <p:menuitem value="#{bundle.usuario}" 
                                            action="usuario" 
                                            ajax="false"/>
                                <p:menuitem value="#{bundle.empresa}" 
                                            action="empresa" 
                                            ajax="false"/>
                                <p:menuitem value="#{bundle.persona}" 
                                            action="persona" 
                                            ajax="false"/>
                                 <p:menuitem value="#{bundle.encuesta}" 
                                            action="encuesta" 
                                            ajax="false"/>
                            </p:submenu>

                            <p:submenu label="#{bundle.reportes}" 
                                       icon="ui-icon ui-icon-calculator">
                            </p:submenu>
                        </p:menu>
                    </h:form>
                </div>

                <div id="content" 
                     class="left_content">
                    <ui:insert name="content">Content</ui:insert>
                </div>
            </div>

        </h:body>

    </f:view>
</html>
